import React from 'react'
import './xiang.less'
interface IProps {
  xcon: any
}
export default function Xiang(props) {
  console.log(props);
  let { xcon } = props
  return (
    <div className="xiang">
      <div className="shang">
        <div className="xleft">
        </div>
        <div className="xright">
            <div>姓名:{xcon.name}</div>
            <div className="xuancon">
              <p>电话:{xcon.xsphone}</p>
              <p className="two">积分:12313</p>
            </div>
            <div className="xuancon">
              <p>身份证:{xcon.cid}</p>
              <p className="two">费用:123</p>
            </div>
            <div className="xuancon">
              <p className="one">性别:{xcon.sex}</p>
              <p className="two">积分:3132</p>
            </div>
            <div className="xuancon">
              <p>性别:{xcon.sex}</p>
              <p className="two">积分:123456789</p>
            </div>
            <div className="xuancon">
              <p>性别:{xcon.sex}</p>
              <p className="two">{xcon.stop}</p>
            </div>
        </div>
      </div>
      <div className="xia"></div>
    </div>
  )
}
